<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>登录--客户中心</title>
<script type="text/javascript" src="plugins/libs.bundle.js"></script>
<script type="text/javascript" src="plugins/avalon2.js"></script>
<!--[if lt IE 9]>
    <script src="plugins/json2.min.js"></script>
    <script src="plugins/es5-shim/es5-shim.min.js"></script>
<![endif]-->

<script type="text/javascript" src="plugins/layer/layer.js"></script>
</head>
<body>
<div class="loginTop">
    <div class="container">
        <h1 class="logo"><img src="../../images/login_logo.png" ></h1>
        <a href="javascript:;" id="language" class="language"></a>
    </div>
</div>
<div class="loginBody" ms-controller="page">
    <form action="" ms-validate="@validate" >
        <div class="logoBar">
            <span class="logoText">金道通</span>
            一站式账户管理系统
        </div>
        <div class="optionBar account">
            <input type="text" id="account" placeholder="账号/中国大陆手机号" 
                    ms-rules="{required: true}" 
                    ms-duplex="@login.account" >
            <a href="http://testweboa.gwfx.com/zh/nzAccount.html?utm_source=k66&utm_medium=land&utm_campaign=open_real&utm_content=gts2_before" 
                target="_blank" class="link">还没有账号？</a>
            <p class="error" ms-text="@login.accountError"></p>
        </div>
        <div class="optionBar pwd">
            <input type="password" id="pwd" placeholder="请输入密码"
                    ms-rules="{required: true}" 
                    ms-duplex="@login.pwd" >
            <a href="/Frontoffice/forgetPwd.do" target="_blank" class="link">忘记密码？</a>
            <p class="error" ms-text="@login.pwdError"></p>
        </div>
        <div class="optionBar">
            <input type="text" id="validaCode" placeholder="请输入验证码" class="validaCode"
                    ms-rules="{required: true, number:true, validate:true}" 
                    ms-duplex="@login.validaCode" >
            <img :attr="{src:@login.randomCodeSrc}" id="validaCodeImg" class="validaCodeImg" />
            <a href="javascript:;" :click="switchCode" class="link">换一张</a>
            <p class="error" ms-text="@login.validaCodeError"></p>
        </div>
        <div class="btnBox">
            <button class="btn" :class="{disabled:@loading}" :click="@triggerValida" :attr="{disabled:@loading}">登入</button>
            <button class="btn grayBtn" :click="@resetForm">重置</button>
        </div>
    </form>
</div>
<ms-footer-copyright></ms-footer-copyright>

</body>
</html>
